@prefix-cls: global-shortcutkey;

.@{prefix-cls} {
  &-layout {
    position: absolute;
    bottom: 0.8rem;
    right: 8px;
    z-index: 200;
    max-width: 3rem;
  }

  &-menuBtn {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;

    .ant-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 100%;
      height: 100%;
      padding: 10px;
      border: none;
      border-radius: 0px;

      span {
        margin: 0px;
      }

      .anticon {
        font-size: 18px;
      }
    }
  }

  &-menuBtn > :not(:first-child) {
    border-top: 1px solid #e9e9e9;
  }

  /**
*  抽屉样式
*/
  &-shortcutDrawer {
    right: 5rem;
    bottom: 0.8rem;
    top: 0;
    left: auto;

    .ant-drawer-mask {
      background-color: rgba(0, 0, 0, 0);
    }

    .ant-drawer-header {
      border-bottom: 1px solid #dadada;
    }

    .ant-drawer-content {
      box-shadow: 0px 0px 5px 3px #b8b8b8;
    }

    &-extraBtn {
      display: flex;
      align-items: center;
    }

    .ant-spin-nested-loading,
    .ant-spin,
    .ant-spin-container {
      height: 100%;
      width: 100%;
    }

    /**
    *  菜单样式
    */
    &-menuItemStyle {
      .ant-menu-item:not(:last-child) {
        margin-bottom: 0px;
      }

      .ant-menu-item {
        margin: 0px;
        border-bottom: 1px solid #c0c0c0;
        display: flex;
        align-items: center;

        .ant-menu-title-content {
          margin-left: 4px;
          display: block;
          width: 100%;

          .workBeachMenuNameBox {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: center;
          }
        }
      }

      &-labelDivBox {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      &-delPopcon {
        .ant-popover-inner-content {
          padding: 8px;
        }
      }
    }
  }

  /**
  *  短信发送成功
  */
  &-mailSuccessStyle {
    padding: 15px;
    align-content: center;
    height: 100%;

    .ant-col {
      text-align: center;
    }

    &-iconCol {
      margin-bottom: 20px;

      .anticon {
        font-size: 80px;
        color: #52c41a;
      }
    }

    &-successTextCol {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 20px;
    }
  }

  /**
  *  快捷方式电话
  */
  &-phoneTabsStyoles {
    height: 100%;
    color: rgba(0, 0, 0, 0);

    .ant-tabs-content {
      height: 100%;

      .ant-tabs-tabpane {
        height: 100%;
      }
    }

    .ant-tabs-content-holder:focus {
      color: #52c41a;
    }

    .ant-tabs-tab {
      font-size: 18px;
      font-weight: 600;
      color: #777777;
    }

    .ant-tabs-nav {
      margin: 0px;
      border-bottom: 1px solid #b2b2b2;
    }

    &-phoneRow {
      .ant-col {
        text-align: center;
      }

      &-phoneValues {
        background-color: #e1e1e1;
        padding: 15px 20px;

        .ant-input {
          width: 100%;
          text-align: center;
        }
      }
    }

    /**
    *  拨号键盘样式
    */
    &-keyboardStyles {
      border-top: 1px solid #bcbcbc;
      border-left: 1px solid #bcbcbc;

      &-colBtnStyle {
        height: 70px;
        border-bottom: 1px solid #bcbcbc;
        border-right: 1px solid #bcbcbc;

        .ant-btn {
          width: 100%;
          height: 100%;
          border: none;
          font-size: 18px;
          font-weight: 600;
          border-radius: 0px;
        }
      }
    }

    /**
    *  通话历史
    */
    &-phoneHistoryList {
      .ant-list-item-meta {
        align-items: center;
      }

      .ant-list-item {
        padding: 8px 1.5rem;
      }

      .ant-list-item:hover {
        transform: scale(1.01);
        background-color: #f4f4f4;
        cursor: pointer;
      }

      .ant-list-item-meta-title,
      .ant-list-item-meta-description {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    }
  }
}
